<template>
  <div>
    <card>
      <template #title><h3>第五国际核算检测结果</h3></template>
      <template slot-scope="scope">
         <ul>
           <li v-for="(item,index) in scope.rows" :key="index">
              {{item.name}}~{{item.status==1?'阴性':'阳性'}}
           </li>
         </ul>
      </template>
    </card>

    <card>
      <template #title><h3>第五国际核算检测结果</h3></template>
      <template slot-scope="{rows}">
         <ol>
            <li v-for="(item,index) in rows" :key="index">
              {{item.name}}~{{item.status==1?'阴性':'阳性'}}
             </li>
         </ol>
      </template>
    </card>

    <card>
      <template #title><h3>第五国际核算检测结果</h3></template>
      <template slot-scope="{rows}">
         <table>
            <tr v-for="(item,index) in rows" :key="index">
                <td>{{index+1}}</td>
                <td>{{item.name}}</td>
                <td>{{item.status==1?'阴性':'阳性'}}</td>
            </tr>
         </table>
      </template>
    </card>

  </div>
</template>

<script>
import Card from "./components/Card.vue";
export default {
  components: {
    Card,
  },
};
</script>

<style>
  table{
    border-collapse:collapse;
    width: 250px;
  }
  td{
    border: 1px solid gray;
    text-align: center;
    padding: 2px;
  }
</style>